@charset "utf-8";
* {
	margin: 0;
	padding: 0;
}

html,
body {
	font-family: "微软雅黑";
	font-size: 14px;
	min-width: 1200px;
	overflow-x: hidden;
	color: #333;
}

ul,
li {
	list-style: none;
}

img {
	border: 0;
}

input,
textarea {
	outline: none;
}

a {
	color: #565656;
	text-decoration: none;
}

a:hover {
	color: #FF6600;
}

.clear {
	clear: both;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.mainb {
	width: 1200px;
	margin: 0 auto;
}

.paddt30 {
	padding: 30px 0 15px;
}

.overfw {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}


/*******************公共部分结束************************/

.mobnav,
.m_nav,
.dpmbot {
	display: none;
}

.headbox {
	width: 100%;
	z-index: 999;
	height: 0px;
	background: #eee;
	height: 135px;
}

.mainb {
	width: 1200px;
	margin: 0 auto;
}

.heatop {
	height: 30px;
	line-height: 30px;
	background: #f7f7f7;
	border-bottom: 2px solid #FF6600;
}

.heatop .fl {
	color: #fff;
	padding: 0 20px;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	background: #FF6600;
}

.heatop .fr {
	color: #666;
}

.heatop .ttel {
	background: url(../img/ttel.png) no-repeat left center;
	padding-left: 25px;
	margin-right: 50px;
	color: #535353;
}

.heatop span a {
    padding: 0 8px;
    border-right: 1px solid #868686;
    color: #868686;
	font-size: 13px;
}

.heatop span:last-child a {
	border-right: 0;
}

.tlogo {
	width: 42%;
}

.tlogo img {
	width: 100%;
}

.heabot {
	background: #f7f7f7;
	    padding: 10px 0;
}

.logotxt {
	padding-left: 10px;
	width: 292px;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	padding-top:10px;
}

.logotxt p {
	color: #f60;
	/* background: #ff6600; */
	padding: 3px 6px;
	border-radius: 10px;
	border: 1px dashed #f60;
}

.logotxt h2 {
	font-size: 14px;
	font-weight: normal;
	color: #767676;
	border-bottom: 1px solid #767676;
	padding: 10px 0 5px;
	letter-spacing: 2px;
}

.httel {
	background: url(../img/toptel.png) no-repeat left center;
	padding-left: 60px;
	margin-top: 15px;
}

.httel span {
	color: #999;
}

.httel p {
    color: #ff6600;
    font-size: 22px;
    margin-top: 8px;
    font-weight: bold;
}


/*导航*/

.navbox {
	z-index: 1;
	width: 100%;
	margin: 0 auto;
	background: #ff6600;
}

.navbox ul {
	*zoom: 1;
}

.navbox ul:before,
.navbox ul:after {
	content: "";
	display: table;
}

.navbox ul:after {
	clear: both;
}

.navbox ul > li {
	float: left;
	position: relative;
	width: 12.5%;
}

.navbox ul > li .oneli:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 30px;
	background: #fff;
	top: 15px;
	right: 0;
}

.navbox li:nth-child(3) .oneli {
	background: url(../img/hot.png) no-repeat right top;
}

.navbox li>a,
a.oneli:link,
a.oneli:visited,
a.oneli:active {
	display: block;
	width: 100%;
	height: 56px;
	line-height: 56px;
	text-align: center;
	color: #fff;
	font-size: 16px;
}

.navbox li>a {
	box-sizing: border-box;
	border-bottom: 2px solid transparent;
	position: relative;
}

.navbox li>a:hover {
	background: #ff9800;
}

.navbox li:last-child>a {
	border-right: none;
}

.navbox li>a:after {
	position: absolute;
	content: "";
	bottom: -2px;
	left: 0;
	width: 0px;
	height: 3px;
	background: transparent;
}

.navbox li>a:hover:after {
	width: 100%;
	transition: .6s;
	background: #ff6600;
}

a.twoli:link,
a.twoli:visited,
a.twoli:active {
	padding: 0px 10px;
	line-height: 52px;
	color: #fff;
	display: block;
}

.navbox a.twoli {
	color: #535353;
}

.navbox a.twoli:hover {
	color: #fff;
	background: #ff9800;
}

.navbox li ul {
	background: #fff;
}

.navbox li ul li {
	width: 180px;
	border-bottom: 1px dashed #eee;
}

.navbox li ul a {
	box-sizing: border-box;
	display: block;
	width: 180px;
	height: 52px;
	line-height: 52px;
	text-align: center;
	color: #231815;
	font-size: 16px;
	border-bottom: 1px solid #f5f5f5;
}

.navbox li ul a:hover {
	background: #2b5ea4;
}

.navbox1 li ul {
	position: absolute;
	left: -9999px;
	top: 56px;
	z-index: 1;
}

.navbox1 ul > li:hover ul {
	left: 0;
}

.topqr {
	float: right;
	position: relative;
	padding: 39px 0 0 10px;
}

.topqr .tqrico {
	width: 25px;
	height: 25px;
	cursor: pointer;
}

.headbox .topqr {
	display: none;
}

.topqr .tqrimg {
	position: absolute;
	top: 100px;
	left: 0;
	background: #fff;
	padding: 5px;
	box-sizing: border-box;
	width: 110px;
	height: 110px;
	display: none;
}

.topqr:hover .tqrimg {
	display: block;
	transition: .6s;
}

.selected {
	color: #b50d22 !important;
	font-weight: bold;
	border-bottom: 2px solid #ba3747 !important;
}


/*banner*/

.hbanner {
	width: 100%;
	height: 500px;
	overflow: hidden;
	position: relative;
}

.hban_img {
	height: 500px;
	position: absolute;
	left: 0;
	top: 0;
}

.hban_img a {
	display: block;
	height: 500px;
	float: left;
}

.hban_dot {
	height: 50px;
	position: relative;
	margin: 480px auto 0;
	z-index: 1;
}

.hban_dot span {
	display: block;
	cursor: pointer;
	width: 50px;
	height: 4px;
	float: left;
	margin: 0 5px;
	_margin: 0 3px;
	background: #fff;
	opacity: 0.2;
}

.hban_dot .spcss {
	background: #f60;
	opacity: 1;
}

.hban_btnl {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	left: 0px;
	background: none;
	top: 0px;
}

.hban_btnr {
	position: absolute;
	z-index: 1;
	display: block;
	width: 100px;
	height: 100%;
	right: 0px;
	background: none;
	top: 0px;
}

.hban_btnl em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../img/arrow.png) 0px 0px no-repeat;
	margin: 0 auto;
	margin-top: 200px;
}

.hban_btnr em {
	display: block;
	width: 50px;
	height: 100px;
	background: url(../img/arrow.png) -50px 0px no-repeat;
	margin: 0 auto;
	margin-top: 200px;
}

.hban_btnl .emcss {
	background-position: 0px -100px;
}

.hban_btnr .emcss {
	background-position: -50px -100px;
}

.btnban {
	display: none;
}

.hbanner:hover .btnban {
	display: block;
	transition: .3s;
}


/*首页标题*/

.htitle {
	text-align: center;
	background: url(../img/titbg22.png) no-repeat center center;
}

.htitle h1 {
	font-size: 24px;
}
.htitle h2 {
	font-size: 22px;
}
.htitle h3 {
	font-size: 20px;
}

.htitle h1 span,.htitle h2 span,.htitle h3 span {
	color: #FF6600;
}

.htitle p {
	padding: 6px 0;
}

.htitle em {
	display: inline-block;
	background: #888;
	width: 160px;
	height: 1px;
}

.htitle i {
	background: url(../img/yq.png) no-repeat center center;
	padding: 30px;
}

.htitle p span {
	letter-spacing: 2px;
	color: #666;
	text-transform: capitalize;
}

.htitle .titms {
	color: #888;
}


/*首页产品*/

.hproduct {
	background: url(../img/ppbg.jpg);
}

.hprocate {
	padding-top: 30px;
}

.hprocate ul {
	font-size: 0;
	text-align: center;
}

.hprocate ul li {
	display: inline-block;
	height: 42px;
	line-height: 42px;
	font-size: 16px;
	width: 13.25%;
	width: 13%\9;
	border: 1px solid #666;
	margin: 0 1% 1% 0;
}

.hprocate ul li:nth-child(7n) {
	margin-right: 0;
}

.hprocate ul li:hover {
	background: #FF6600;
	border-color: #F08300;
	transition: .3s;
}

.hprocate ul li:hover a {
	display: block;
	color: #fff;
}

.hprocon {
	position: relative;
	padding-top: 30px;
}

.hprocon li {
	width: 24.2%;
	width: 24%\9;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	background: #fff;
	padding: 20px 10px;
	box-shadow: 0 0 5px #ddd;
	box-sizing: border-box;
}

.hprocon li:nth-child(4n) {
	margin-right: 0;
}

.hprocon li:nth-child(even) {}

.hprocon li p {
	font-size: 16px;
	color: #666;
	display: block;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hprocon li em {
	height: 2px;
	display: block;
	width: 60px;
	background: #FF6600;
	margin: 15px 0 20px;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.hprocon li:hover{background:#ff6600;}
.hprocon li:hover p{color:#fff;}
.hprocon li:hover em{background:#fff;width: 100%;
	transition: .6s;opacity:1;}

.hprocon li span {
	display: block;
	width: 100%;
	height: 175px;
	overflow: hidden;
}

.hprocon li img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 0 auto;
}

.hprocon li a:hover span img {
	transform: scale(1.1);
	transition: all 0.6s;
}


/*首页优势*/

.hysbox {
	/*background: url(../img/ysbg.png) no-repeat center top;*/
	background: #f9f9f9;
}

.ystit {
	text-align: center;
	position: relative;
	/*box-shadow: 0px 5px 15px #ccc;*/
	background: url(../img/ly.png) no-repeat right center;
}

.ystit h3 {
    font-size: 20px;
    color: #ff6600;
    text-align: center;
    letter-spacing: 2px;
    padding-bottom: 15px;
    position: relative;
    z-index: 1;
}

.ystit h3 i {
	font-style: normal;
	font-size: 26px;
	color: #888;
}

.ystit span {
	text-transform: uppercase;
	font-size: 56px;
	color: #f3a36e;
	opacity: 0.3;
	position: absolute;
	top: -30px;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.ystit p {
	text-align: center;
	line-height: 35px;
	height: 35px;
	color: #fff;
	width: 30%;
	margin: 0 auto;
	border-bottom: 1px solid #888;
	background: #888;
	display: inline;
	padding: 6px;
	box-sizing: border-box;
	margin-left: 10px;
}

.ystit .h2 {
	font-size: 18px;
	display: inline;
	text-align: center;
	color: #888;
	font-weight:bold;
}

.ystel {
    color: #f60;
    font-size: 20px;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 15px;
}

.ystel img {
	padding-right: 10px;
}

.ysbox_con {
	width: 1200px;
	height: auto;
	position: relative;
	padding-top: 20px;
	background: url(../img/qxian.png) no-repeat center 26px;
}

.ysbox_con .ysli {
	width: 530px;
	height: auto;
	/*background: url(../img/ly.png) no-repeat center bottom;*/
}

.ysbox_con .yslibt {
    width: 530px;
    height: 51px;
    line-height: 51px;
    float: left;
    border: 1px solid #d7d7d7;
    border-right: none;
    font-size: 17px;
    color: #ff6600;
    font-weight: bold;
    text-indent: 5px;
    margin-bottom: 10px;
    position: relative;
}

.ysbox_con .yslibt .ys_num {
	width: 50px;
	height: 51px;
	line-height: 51px;
	float: left;
	background-color: #ff6600;
	color: #fff;
	text-align: left;
	text-indent: 9px;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: 0.3s;
}

.ysbox_con .yslibt .ysli {
	position: absolute;
	top: 0px;
	left: 60px;
	z-index: 9999;
	transition: 0.3s;
}

.ysbox_con .ysli_txt {
    width: 515px;
    height: auto;
    height: 120px;
    overflow: hidden;
    line-height: 30px;
    float: left;
    font-size: 14px;
    color: #666666;
}

.ysbox_con .ysli_txt span {
	color: #F16A1F;
}

.ysbox_con .ysli:hover .ys_num {
	width: 530px;
	height: 51px;
	line-height: 51px;
	float: left;
	background-color: #ff6600;
	color: #fff;
	text-align: left;
	text-indent: 9px;
	position: absolute;
	top: 0px;
	left: 0px;
	transition: 0.3s;
}

.ysbox_con .ysli:hover .ysli {
	color: #fff;
	transition: 0.3s;
}

.ysbox_con .ysli:hover span,
{
	color: #ff6600;
	transition: 0.3s;
}

.ysli01 {
	padding: 15px 0;
}

.ysliimg {
	width: 520px;
	height: 206px;
	overflow: hidden;
	margin: 25px auto;
}

.ysliimg img {
	width: 100%;
}


/*首页案例*/

.hcasebox {
	background: #f5f5f5;
}

.hcasecon {
	overflow: hidden;
	zoom: 1;
	padding: 20px 0 20px 53px;
	position: relative;
}

.hcasecon .cprev,
.hcasecon .snext {
	position: absolute;
	left: 0px;
	top: 135px;
	display: block;
	width: 50px;
	height: 94px;
	background: url(../img/hc_lh.png) center center no-repeat;
}

.hcasecon .snext {
	left: auto;
	right: 0px;
	background: url(../img/hc_rh.png) center center no-repeat;
}

.hcasecon .cprev:hover {
	background-image: url(../img/hc_lh.png);
}

.hcasecon .snext:hover {
	background-image: url(../img/hc_rh.png);
}

.hcasecon ul {
	overflow: hidden;
	zoom: 1;
}

.hcasecon ul li {
	margin: 0 6px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
	width: 368px;
	height: 412px;
	border: 1px solid #ddd;
	background: #fff;
}

.hcasecon ul li .hcase_pic {
	width: 100%;
	height: 234px;
	text-align: center;
	overflow: hidden;
}

.hcasecon ul li .hcase_pic img {
	width: 100%;
	display: block;
}

.hcasecon ul li .hcase_pic a:hover img {
	transform: scale(1.1);
	transition: .3s;
}

.hcasecon ul li .hcase_tit a {
	height: 42px;
	line-height: 42px;
	font-size: 15px;
	display: block;
	color: #fff;
	background: #888;
	border-bottom: 1px solid #eee;
}

.hcasecon ul li p {
	text-align: left;
	padding: 6px 10px;
	line-height: 2.0;
	height: 56px;
	overflow: hidden;
	margin-bottom: 6px;
	color:#555;
}

.hcasecon ul li:hover {
	box-shadow: 1px 1px 25px #eee;
	transition: .5s;
}

.hcasecon ul li:hover .hcase_tit a {
	color: #fff;
	background: #FF6600;
}

.hcasecon ul li .hcase_tit span a {
	width: 40%;
	display: inline-block;
	color: #666;
	background: #eee;
	box-sizing: border-box;
}

.hcasecon ul li:hover .hcase_tit span a {
	color: #fff;
	background: #ff6600;
	border-radius: 25px;
	transition: .3s;
}


/*五大承诺*/

.hcn_con {
	padding-top: 30px;
}

.hcn_con dl {
	width: 19.2%;
	width: 19%\9;
	margin: 0 1% 1% 0;
	float: left;
	padding: 15px 10px 30px;
	box-sizing: border-box;
	text-align: center;
	background: #eee;
	box-shadow: 0 0 2px rgba(0, 0, 0, .12), 0 2px 2px rgba(0, 0, 0, .12);
}

.hcn_con dl:nth-child(5n) {
	margin-right: 0;
}

.hcn_con dl dt {
	width: 75px;
	height: 75px;
	overflow: hidden;
	padding: 15px 0;
	margin: 0 auto;
}

.hcn_con dl dt img {
	width: 100%;
}

.hcn_con dl dd .h2 {
    color: #565656;
    padding-bottom: 15px;
    font-size: 16px;
    font-weight: bold;
}

.hcn_con dl dd p {
    color: #777;
    line-height: 28px;
}

.hcn_con dl:hover {
	transform: translate3d(0, -3px, 0);
	transition: .6s;
}


/*关于我们*/

.haboutbox {
	background: url(../img/abbg.jpg) no-repeat top center;
	overflow: hidden;
	padding-bottom: 30px;
}

.haboutbox .htitle h3 {
    color: #fff;
    font-size: 20px;
}

.haboutbox .htitle h3 span {
	color: #FF6600;
}

.haboutbox .htitle .titms,
.haboutbox .htitle p span {
	color: #b6b6b6;
}

.habcon {
	padding-top: 30px;
}

.habimg {
	width: 35%;
	height: 220px;
	overflow: hidden;
	padding: 0px;
	background: #fff;
}

.habimg img {
	width: 100%;
	height: 100%;
}

.habinfo {
	width: 61%;
}

.habinfo p {
    line-height: 28px;
    height: 172px;
    overflow: hidden;
    margin-bottom: 30px;
    color: #f8f8f8;
    text-indent: 2em;
}

.habinfo a {
	padding: 6px 16px;
	color: #FF6600;
	border: 1px solid #FF6600;
	border-radius: 5px;
	margin-right: 20px;
}

.habinfo a:hover {
	color: #fff;
	background: #FF6600;
}

.habinfo span {
	color: #FF6600;
}
.habinfo span a{border:0; background: url(../img/abtel.png) no-repeat left center;padding-left: 20px;}
.habinfo span a:hover{color: #FF6600;background: url(../img/abtel.png) no-repeat left center;}

/*见证*/

.jz_scroll {
	overflow: hidden;
	position: relative;
	border: 1px solid #ccc;
}

.jz_scroll .hd {
	overflow: hidden;
	height: 42px;
	line-height: 42px;
	background: #f4f4f4;
	padding: 0 10px;
}

.jz_scroll .hd .jztit {
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 3px;
	border-bottom: 2px solid #ff6600;
}

.jz_scroll .hd .prev,
.jz_scroll .hd .next {
	display: block;
	width: 10px;
	height: 10px;
	float: right;
	margin-right: 5px;
	margin-top: 10px;
	overflow: hidden;
	cursor: pointer;
	background: #ccc;
}

.jz_scroll .hd .next {
	background-position: 0 -50px;
}

.jz_scroll .hd .prevStop {
	background-position: -60px 0;
}

.jz_scroll .hd .nextStop {
	background-position: -60px -50px;
}

.jz_scroll .hd ul {
	float: right;
	overflow: hidden;
	zoom: 1;
	margin-top: 10px;
	zoom: 1;
}

.jz_scroll .hd ul li {
	float: left;
	width: 10px;
	height: 10px;
	overflow: hidden;
	margin-right: 10px;
	text-indent: -999px;
	cursor: pointer;
	background: #ff6600;
}

.jz_scroll .hd ul li.on {
	background: #fff;
}

.jz_scroll .bd {
	padding: 10px;
}

.jz_scroll .bd ul {
	overflow: hidden;
	zoom: 1;
}

.jz_scroll .bd ul li {
	width: 220px;
	margin: 0 8px;
	float: left;
	_display: inline;
	overflow: hidden;
	text-align: center;
}

.jz_scroll .bd ul li .jz_pic {
	text-align: center;
	width: 100%;
	height: 153px;
	overflow: hidden;
}

.jz_scroll .bd ul li .jz_pic img {
	width: 100%;
	box-sizing: border-box;
	display: block;
}

.jz_scroll .bd ul li .jz_pic a:hover img {
	border-color: #999;
}

.jz_scroll .bd ul li .jz_tit {
	line-height: 42px;
	background: #f8f8f8;
}

.jz_scroll .bd ul li:hover .jz_tit {
	color: #fff;
	background: #FF6600;
}


/*新闻*/

.hnewsbox {
	background: url(../img/newbg.jpg) no-repeat top center;
}

.hnewcon {
	display: block;
	padding: 40px 0px;
}

.hnewl_box {
	width: 820px;
	background: #FFF;
	float: left;
	display: block;
	text-align: left;
}

.hnewl_box .hd {
	height: 61px;
	border-bottom: 2px solid #e0e0e0;
	position: relative;
}

.hnewl_box .hd a {
	display: block;
	float: right;
	line-height: 61px;
	padding: 0px 15px;
	color: #fff;
	background: #b3b3b3;
	border-left: 2px solid #e0e0e0;
}

.hnewl_box .hd ul {
	float: left;
	padding-top: 6px;
	line-height: 55px;
	position: absolute;
	left: 0px;
	top: -1px;
}

.hnewl_box .hd ul span {
	float: left;
	font-weight: bold;
	color: #b6b6b6;
	font-size: 20px;
	padding: 0px 3px;
}

.hnewl_box .hd ul li {
	float: left;
	color: #444;
	padding: 0px 18px;
	font-weight: bold;
	cursor: pointer;
	font-size: 17px;
}

.hnewl_box .hd ul li.on {
	height: 56px;
	border-bottom: 2px solid #ff6600;
	color: #ff6600;
	cursor: pointer;
}

.hnewl_box .bd ul {
	zoom: 1;
	padding: 26px 18px
}

.hnewl_box .bd ul .hnewl_lpart {
	float: left;
	width: 345px;
}

.hnewl_box .bd ul .hnewl_lpart img {
	display: block;
	width: 100%;
	height: 189px;
}

.hnewl_box .bd ul .hnewl_lpart .h3 {
	font-size: 16px;
	margin: 20px 0 12px 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hnewl_box .bd ul .hnewl_lpart .h3 a {
	color: #444;
}

.hnewl_box .bd ul .hnewl_lpart p {
	font-size: 14px;
	line-height: 1.8;
	overflow: hidden;
	height: 51px;
}

.hnewl_box .bd ul .hnewl_lpart p a {
	color: #666666;
}

.hnewl_box .bd ul .hnewl_lpart a.hnewl_btn {
	display: block;
	width: 122px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 14px;
	color: #ff6600;
	border: 1px #ff6600 solid;
	border-radius: 15px;
	margin-top: 12px;
}

.hnewl_rpart {
	width: 422px;
	float: right;
}

.hnewl_rpart dl {
	margin-top: 14px;
	height: 113px;
	border: 1px solid #ececec;
}

.hnewl_rpart dl:first-child {
	margin-top: 0;
}

.hnewl_rpart dt {
	width: 108px;
	margin-top: 20px;
	float: left;
	text-align: center;
	padding: 10px 0;
	background: #f7f7f7;
}

.hnewl_rpart dl:hover dt {
	background: #FF6600;
}

.hnewl_rpart dl:hover dt span,
.hnewl_rpart dl:hover dt em {
	color: #fff !important;
}

.hnewl_rpart dt span {
	display: block;
	font-size: 28px;
	color: #ff6600;
	font-family: arial;
}

.hnewl_rpart dt em {
	font-size: 18px;
	color: #ff6600;
	display: block;
	font-style: normal
}

.hnewl_rpart dd {
	margin-left: 22px;
	width: 274px;
	float: left;
	margin-top: 22px;
}

.hnewl_rpart dd .h3 {
    font-size: 16px;
    color: #555;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hnewl_rpart dd .h3 a {
	color: #555;
	text-decoration: none;
	font-size: 16px;
}

.hnewl_rpart dd p {
    font-size: 14px;
    color: #555;
    line-height: 28px;
    height: 48px;
    overflow: hidden;
    margin-top: 10px;
}

.hnewl_rpart dd p a {
	color: #888888;
	text-decoration: none;
}

.hnewl_rpart dl:hover dd h3 a {
	color: #ff6600;
}

.fqbox {
	width: 358px;
	background: #FFF;
	overflow: hidden;
	display: block;
	float: right;
}

.fqbox .hd {
	overflow: hidden;
	height: 61px;
	border-bottom: 2px solid #e0e0e0;
}

.fqbox .hd p {
	display: block;
	padding-left: 18px;
	font-size: 18px;
	float: left;
	line-height: 61px;
	color: #444;
	font-weight: bold;
}

.fqbox .hd p span {
	font-size: 16px;
	color: #b6b6b6;
	font-weight: 600;
	padding-left: 5px;
}

.fqbox .hd a {
	display: block;
	float: right;
	line-height: 61px;
	padding: 0px 15px;
	color: #fff;
	background: #b3b3b3;
	border-left: 2px solid #e0e0e0;
}

.fqbox .bd {
	padding: 10px 18px;
	overflow: hidden;
}

.fqbox .bd ul {
	overflow: hidden;
	zoom: 1;
}

.fqbox .bd ul li {
	padding-top: 17px;
	height: 117px;
	border-bottom: 1px dotted #ccc;
}

.fqbox .bd ul li .h3 {
	line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	font-size: 16px;
	color: #555;
}

.fqbox .bd ul li .h3 a {
	color: #555;
	text-decoration: none;
}

.fqbox .bd ul p {
	line-height: 28px;
	color: #999;
	margin-top: 8px;
	height: 72px;
	overflow: hidden;
}

.fqbox .bd ul li p a {
	color: #999;
}

.fqbox .bd ul li {}

.fqbox .bd ul li .pic {}

.fqbox .bd ul li .title {
	line-height: 24px;
}

.fqbox .bd ul li:hover h3 a {
	color: #FF6600;
}

.fqbox_ul h3 i,
.fqbox_ul p i {
	margin-right: 5px;
	color: #fff;
	background: #FF6600;
	text-align: center;
	font-style: normal;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 14px;
	font-weight: normal;
	float: left;
	padding: 2px;
	border-radius: 5px;
	line-height: initial;
}

.fqbox_ul p i {
	background: #888;
}

.hnewl_box .bd ul .hnewl_lpart:hover a.hnewl_btn {
	transform: translateX(20px);
	transition: .3s;
	color: #fff;
	background: #FF6600;
}

.hnewl_lpart span {
	color: #999;
	margin-bottom: 5px;
	display: block;
}


/*友情链接*/

.yqlink {
	padding: 10px;
	box-sizing: border-box;
	background: #fff;
}

.yqlink span {
	font-size: 22px;
	position: relative;
	color: #FF6600;
	display: block;
	padding-bottom: 10px;
	border-bottom: 2px solid #eee;
}

.yqlink span:after {
	content: " ";
	position: absolute;
	bottom: -2px;
	left: 0;
	width: 160px;
	height: 2px;
	background: #FF6600;
}

.yqlink i {
	text-transform: uppercase;
	color: #FF6600;
}

.yqlink p {
	padding: 10px 10px 10px 0;
}

.yqlink p a {
	padding: 10px 35px 8px 0;
}


/*底部*/

.hfootbox {
	background: #ff6600 url(../img/footbg.png) no-repeat 120% center;
	padding: 10px 0 30px;
}

.footcon {
	line-height: 1.8;
	color: #fff;
}

.footleft {
	padding: 10px;
	width: 412px;
	overflow: hidden;
}

.footleft p a {
	color: #ddd;
}

.footleft h2,
.fastcen h2 {
	border-bottom: 1px solid #fff;
}

.fastcen {
	padding-left: 50px;
	width: 300px;
	padding-top: 10px;
}

.fastcen li {
	width: 48%;
	margin: 1%;
	float: left;
}

.fastcen li a {
	color: #fff;
}

.fastcen li a:hover {
	text-decoration: underline;
}

.foottel .httel {
	background: url(../img/toptel1.png) no-repeat left center;
	padding-left: 60px;
}

.foottel .httel span,
.foottel .httel p {
	color: #fff;
}

.qrbox {
	width: 100px;
}

.qrbox img {
	width: 100%;
}

.footbtn {
	margin-left: 20px;
}

.footbtn a {
	display: block;
	width: 120px;
	text-align: center;
	line-height: 42px;
	margin-bottom: 10px;
}

.footbtn .foliuyan {
	color: #ffffff;
	background: #118400;
}

.footbtn .fozxzx {
	color: #fff;
	background: #888;
}


/*内页开始*/

.inbaner {
	height: 320px;
	background-repeat: no-repeat;
	background-position: center top;
}

.ban1 {
	background-image: url(../img/inbaner.jpg);
}

.inleft {
	padding: 10px 15px;
	box-sizing: border-box;
	width: 260px;
	/*border:1px solid #ccc;*/
}

.inleft_top {
	width: 100%;
}

.inleft_top ul {
	background: #4b4b4b;
}

.inleft_top h2,
.inleft_rel h2 {
	height: 60px;
	color: #fff;
	background: #FF6600;
	position: relative;
	text-align: center;
	padding: 30px 0 0 10px;
}

.inleft_top h2:after,
.inleft_rel h2:after {
	content: "";
	position: absolute;
	top: 30px;
	left: 24%;
	width: 6px;
	height: 30px;
	background: #FFFFFF;
}

.inleft_top li {
	height: 52px;
    line-height: 52px;
    font-size: 16px;
    text-indent: 25px;
    /* width: 109.5%; */
	width: 100%;
    clear: both;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-bottom: 1px solid #8e8e8e;
}

.inleft_top li a {
	color: #fff;
	display: block;
	padding-right: 21px;
	padding-top: 0px;
}

.inleft_top li:hover a {
	color: #FF6600;
	text-decoration: underline;
}
.curr{background:#000 !important;}
.erselecd {
	 color: #fff !important;
	background: url(../img/erji1.png) no-repeat right center !important;
	background-size: 100% 100% !important;
	text-decoration: none !important; 
}
.bqsm{border-top:1px solid #ddd;color:#ccc;padding-top:10px;margin-top:10px;}
.inleft_top i {
	font-style: normal;
	font-size: 20px;
	float: left;
}

.inleft_bot {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
	background: #FF6600;
	border-bottom: 2px solid #999;
	margin-top: 15px;
}

.inleft_bot p {
	line-height: 1.8;
	border-bottom: 1px dotted #eee;
	color: #fff;
	padding: 5px 0;
}

.inleft_rel {
	margin-top: 20px;
	border: 1px solid #eee;
	box-sizing: border-box;
	padding-bottom: 15px;
}

.inleft_rel ul {
	padding: 5px;
	box-sizing: border-box;
}

.inleft_rel li {
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	position: relative;
}

.inleft_rel li a {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.inleft_rel li em {
	position: absolute;
	display: block;
	width: 10px;
	height: 2px;
	background: #999;
	left: 0;
	bottom: -1px;
}

.inleft_rel li:hover em {
	background: #FF6600;
	width: 30px;
	transition: .6s;
}

.inright {
	width: 920px;
	padding: 10px;
	box-sizing: border-box;
}

.inright .inrtit {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	margin-bottom: 30px;
}

.inright .inrtit h2 {
	float: left;
	position: relative;
	color: #f60;
	background: url(../img/br1.png) no-repeat left center;
	padding-left: 35px;
}

.inright .inrtit em {
	position: absolute;
	bottom: -11px;
	left: 0;
	width: 100%;
	height: 2px;
	background: #FF6600;
}

.inright .inrtit p {
	float: right;
	letter-spacing: 2px;
	color: #999;
	background: url(../img/br2.png) no-repeat left center;
	padding-left: 20px;
}

.inright .inrtit p a {
	color: #999;
}

.inright .inrtit p span {
	padding: 0 10px;
}

.txtcon {
	line-height: 1.8;
	color: #666;
	font-size: 14px;
}

.txtcon img {
	max-width: 100%;
	height: auto;
}
.txtcon h3{
	border-left: 5px solid #ff6600;
    padding-left: 10px;
    margin: 20px 0;
}
.txtcon p{
line-height: 28px;
}

.innewlit li {
	height: 45px;
	line-height: 45px;
	border-bottom: 1px dashed #eee;
	background: url(../img/icon11.png) no-repeat left center;
	padding: 0 5px 0 20px;
	box-sizing: border-box;
}

.innewlit li:hover {
	background-color: #f5f5f5;
	transition: .6s;
	;
}

.innewlit li:nth-child(even) {
	background-color: #f9f9f9;
}

.innewlit li a {
	display: block;
	width: 75%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	float: left;
	clear: both;
}

.innewlit li span {
	float: right;
	color: #999;
}


/*分页*/

.page {
	width: 100%;
	margin: 30px auto 0;
	text-align: center;
	min-height: 30px;
}

.page .pagebox {
	text-align: center;
}

.pagebox span {
	border: 1px solid #ddd;
	margin-right: 10px;
	margin-bottom: 10px;
	border-radius: 3px;
	width: 40px;
	line-height: 30px;
	display: inline-block;
	color: #999;
}

.pagebox span a {
	color: #999;
	width: 100%;
	display: block;
}

.pagebox .pagebox_num_nonce {
	color: #fff;
	background: #FF6600;
	border: 1px solid #FF6600;
}

.pagebox .pagebox_pre,
.pagebox .pagebox_next_nolink,
.pagebox .pagebox_pre_nolink,
.pagebox .pagebox_next {
	width: 90px !important;
}

.inright .hnewl_lpart {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 10px;
}

.inright .hnewl_lpart a {
	color: #777;
}

.inright .hnewl_lpart img {
	width: 220px;
	height: 151px;
	float: left;
	margin-right: 20px;
}

.inright .hnewl_lpart h3 {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding-bottom: 5px;
}

.inright .hnewl_lpart p {
	line-height: 1.8;
	margin-bottom: 22px;
	height: 50px;
	overflow: hidden;
}

.inright .hnewl_lpart .hnewl_btn {
	border: 1px solid #ccc;
	padding: 6px 15px;
	display: inline;
}

.inright .hnewl_lpart:hover h3 {
	color: #FF6600;
}

.inright .hnewl_lpart:hover .hnewl_btn {
	color: #fff;
	background: #FF6600;
	border-color: #FF6600;
	transition: .3s;
}


/*内页案例*/

.icasecon dl {
	width: 33.3%;
	float: left;
	padding: 0 10px 10px;
	box-sizing: border-box;
	height:310px;
}

.icasecon dl dt {width: 100%;height:200px;overflow:hidden;}

.icasecon dl dt img {
	width: 100%;
	height:100%;
	display: block;
}

.icasecon dl dd {
	border: 1px solid #eee;
	border-top: 0;
	padding: 0 5px;
	background: #f8f8f8;
}

.icasecon dl dd h2 {
	padding-top: 10px;
	color: #666;
	font-size: 16px;
	font-weight: normal;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.icasecon dl dd em {
	display: block;
	width: 20px;
	height: 2px;
	background: #FF6600;
	margin: 10px 0;
}

.icasecon dl dd p {
	color: #999;
	height: 36px;
	overflow: hidden;
	margin-bottom: 10px;
}

.icasecon dl:hover h2 {
	color: #FF6600;
}

.icasecon dl:hover em {
	width: 36px;
	transition: .6s;
}


/*产品列表*/

.iprocon {
	height: auto;
	/* float: left; */
	line-height: 26px;
	color: #333;
}

.ipro_ul li {
	float: left;
	overflow: hidden;
	margin: 0 1% 1% 0;
	width: 32.6%;
	width: 32%\9;
	text-align: center;
	white-space: nowrap;
	font-size: 15px;
	position: relative;
}

.ipro_ul li:nth-child(3n) {
	margin-right: 0;
}

.ipro_ul span {
	background: #eee;
	display: block;
	padding: 8px 0;
	background-position: 0 -114px;
	    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.ipro_ul img {
	width: 100%;
	height: 196px;
	border: 1px solid #dcdcdc;
	display: block;
}

.ipro_ul img:hover {
	opacity: 0.6;
}

.ipro_ul .ipro_panel {
	width: 100%;
	height: 196px;
	background: url(../img/icasebg.png) center right repeat;
	color: #fff;
	position: absolute;
	top: 0;
	left: -404px;
}

.ipro_ul .ipro_panel .ipr_pantit {
	width: 100%;
	height: 40px;
	line-height: 40px;
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-top:30px;
}

.ipro_ul .ipro_panel .ipr_pantxt {
	width: 100%;
	height: auto;
	line-height: 30px;
	float: left;
	white-space: normal;
	text-align: left;
	padding: 10px;
	box-sizing: border-box;
}

.ipro_ul a:hover .ipro_panel {
	width: 100%;
	height: 196px;
	background: url(../img/icasebg.png) center right repeat;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transition: 0.3s;
}


/*留言*/

input,
textarea {
	outline: none;
}

.dpform {
	position: relative;
}

.dpform_tit {
	font-size: 14px;
	color: #999;
	margin: 10px 0 0;
	display: block;
	float: left;
	width: 10%;
}

.dpform input {
	box-sizing: border-box;
	border: 1px solid #cecece;
	height: 35px;
	padding: 5px;
	font-size: 14px;
	width: 90%;
	background: inherit;
	margin-top: 10px;
	outline: none;
	color: #999;
}

.dpform textarea {
	font-family: "微软雅黑";
	box-sizing: border-box;
	border: 1px solid #cecece;
	height: 135px;
	padding: 5px;
	font-size: 14px;
	width: 90%;
	background: inherit;
	margin-top: 10px;
	outline: none;
	color: #999;
}

.titlia {
	letter-spacing: 7px;
}

.dpform_btu {
	width: 110px;
	background: #FF6600;
	font-size: 14px;
	color: #ffffff;
	border: none;
	text-align: center;
	padding: 10px 0;
	margin-top: 25px;
	margin-left: 10%;
	cursor: pointer;
}

.dpform img {
	position: absolute;
	right: 10px;
	top: 74%;
}


/*资质放大镜*/

.rebox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 10000 !important;
	-webkit-filter: none !important;
	background: rgb(0, 0, 0);
	/* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);
}

.rebox * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}

.rebox-contents {
	position: absolute;
	top: 9%;
	left: 5%;
	text-align: center;
	width: 90%;
	height: 90%;
}

.rebox-contents .rebox-content {
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
	max-width: 100%;
	max-height: 100%;
}

.rebox-loading {
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}

.rebox-caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 1000;
	background: #000;
	background: rgba(0, 0, 0, 0.7);
}

.rebox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.rebox-button {
	position: absolute;
	z-index: 9999;
	min-width: 40px;
	color: #5d5d5d;
	height: 40px;
	line-height: 40px;
	background: #eee;
	opacity: 0.4;
	text-decoration: none;
	font-size: 24px;
	text-align: center;
	vertical-align: middle;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	transition: all 0.3s;
}

.rebox-button:hover,
.rebox-button:focus {
	opacity: 1;
}

.rebox-close {
	right: 10px;
	top: 10px;
}

.rebox-next {
	right: 10px;
	top: 48%;
}

.rebox-prev {
	left: 10px;
	top: 48%;
}

.rebox-loading {
	left: 50%;
	top: 48%;
	-webkit-animation-name: spin;
	-webkit-animation-duration: 2000ms;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-moz-animation-name: spin;
	-moz-animation-duration: 2000ms;
	-moz-animation-iteration-count: infinite;
	-moz-animation-timing-function: linear;
	-ms-animation-name: spin;
	-ms-animation-duration: 2000ms;
	-ms-animation-iteration-count: infinite;
	-ms-animation-timing-function: linear;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

@-ms-keyframes spin {
	from {
		-ms-transform: rotate(0deg);
	}
	to {
		-ms-transform: rotate(360deg);
	}
}

@-moz-keyframes spin {
	from {
		-moz-transform: rotate(0deg);
	}
	to {
		-moz-transform: rotate(360deg);
	}
}

@-webkit-keyframes spin {
	from {
		-webkit-transform: rotate(0deg);
	}
	to {
		-webkit-transform: rotate(360deg);
	}
}

@keyframes spin {
	from {
		transform: rotate(0deg);
	}
	to {
		transform: rotate(360deg);
	}
}

.gallery a {
	display: block;
	width: 24.2%;
	float: left;
	margin-right: 1%;
	margin-bottom: 1%;
	background: #eee;
	box-sizing: border-box;
}

.gallery a:nth-child(4n) {
	margin-right: 0;
}

.gallery .holimg {
	width: 100%;
	height: 150px;
	overflow: hidden;
}

.gallery .holimg img {
	width: 100%;
	height: 100%;
}

.gallery .holimg:hover img {
	transform: scale(1.2);
	transition: .3s;
}

.gallery p {
	text-align: center;
	line-height: 45px;
	color: #5d5d5d;
}

.gallery a:hover p {
	color: #fff;
	background: #FF6600;
}


/*新闻详情*/

.newdetitb {
	text-align: center;
}

.newdetitb h1 {
	font-size: 26px;
	color: #565656;
}

.newdetitb .nede_time {
	padding: 10px 0;
	border-bottom: 1px dashed #ccc;
}

.newdetitb .nede_time span {
	padding: 0 25px;
}

.newdetitb .zhaiyao {
	text-align: left;
	margin: 10px auto;
	color: #999;
	background: #f9f7f5;
	padding: 10px;
	box-sizing: border-box;
}

.newdetitb .zhaiyao span {
	font-weight: bold;
}

.newdetitb .zhaiyao p {
	line-height: 1.8;
	height: 75px;
	overflow: hidden;
}

.updown {
	padding: 20px 0;
}

.updown span {
	font-weight: bold;
	color: #888;
}

.updown p {
	height: 42px;
	line-height: 42px;
	margin-bottom: 10px;
	background: #f8f8f8 url(../img/yq.png) no-repeat 5px center;
	padding: 0 10px 0 28px;
	box-sizing: border-box;
	border-bottom: 1px solid #eee;
}

.updown p a {
	color: #777;
}

.updown p:hover a {
	color: #FF6600;
	padding-left: 10px;
	transition: .3s;
}

.relnew .inrtit {
	border-bottom: 1px dotted #ccc;
}

.relnew .inrtit h2 {}

.relnew .inrtit p,
.relpro .inrtit p {
	background: none;
}

.relnew .hnewl_rpart {
	width: 100%;
}

.relnew .hnewl_rpart dl {
	width: 48%;
	box-sizing: border-box;
	float: left;
	margin: 0 1% 1%;
}

.relpro {
	padding-top: 20px;
	clear: both;
}

.relpro .hprocon {
	padding: 0;
}

.relpro .hprocon li span {
	height: 122px;
}


/*放大镜*/


/*图片放大镜*/

div.zoomDiv {
	width: 200px;
	height: 200px;
	z-index: 999;
	position: absolute;
	top: 0;
	left: 0;
	background: #fff;
	border: 1px solid #ccc;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomDiv img {
	width: auto;
	max-width: none;
}

div.zoomMask {
	cursor: crosshair;
	background: #000;
	border: 1px solid #fff;
	filter: alpha(opacity=15);
	-webkit-opacity: .15;
	-moz-opacity: .15;
	-ms-opacity: .15;
	-o-opacity: .15;
	opacity: .15;
	position: absolute;
	z-index: 1;
}


/*图片放大镜样式*/

#preview img {
	max-width: none;
	height: auto !important;
	display: block;
}

.jqzoom {
	float: left;
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 350px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	border: 1px solid #aaa;
	background: #ffffff/*url(zoom.png) 50% center no-repeat*/
	;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

.iprode_info {
	width: 390px;
	background: #f8f8f8;
	padding: 10px;
	box-sizing: border-box;
}

.iprode_info h2 {
	padding: 0 0 10px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.iprode_info .miaos {
	line-height: 2.0;
	margin: 15px auto 20px;
	height: 83px;
    overflow: hidden;
}

.bot_tel {
	background: url(../img/toptel.png) no-repeat left top;
	padding-left: 60px;
	margin-left: 15px;
	margin-top: 20px;
	padding-bottom: 10px;
}

.bot_tel p {
	font-size: 26px;
	line-height: auto;
}

.proqr {
	width: 100px;
}

.proqr img {
	width: 100%;
}

.prozxyy {
	display: block;
	line-height: 42px;
	height: 42px;
	color: #fff;
	background: #FF6600;
	text-align: center;
	margin-top: 18px;
	border: 1px solid #FF6600;
}

.prozxyy:hover {
	color: #FF6600;
	background: #fff;
}

.iprode_top {
	margin-bottom: 30px;
}
/* banner下流程 */
.liucheng {
	padding: 0px 0px;
	background: #f5f5f5;
}

.liucheng_ul li {
	width: 14.2%;
	position: relative;
	padding: 10px 0px;
	text-align: center;
	float: left;
}

.liucheng_ul li i {
	padding: 10px 0;
	font-size: 47px;
	transition: all .5s ease-in-out;
	display: inline-block;
}

.liucheng_ul li:hover {
	background: #ff6600;
	color: #fff;
}

.liucheng_ul li:hover span,
.liucheng_ul li:hover i,
.liucheng_ul li:hover em {
	color: #fff;
}

.liucheng_ul li span {
	display: block;
	font-size: 16px;
	color: #232323;
	margin-top: -1px;
	padding-bottom: 10px;
}

.liucheng_ul li em {
	font-style: normal;
	font-size: 23px;
	color: #232323;
}

.liucheng_ul li:after {
	content: "";
	width: 1px;
	height: 100%;
	background: #e6e6e6;
	position: absolute;
	top: 0px;
	right: 0px;
}

.liucheng_ul li:last-of-type:after {
	display: none;
}
.iconimg{width: 47px;height: 47px;margin: 0 auto;}
.icon1{background: url(../img/licon1.png) no-repeat center center;}
.icon2{background: url(../img/licon2.png) no-repeat center center;}
.icon3{background: url(../img/licon3.png) no-repeat center center;}
.icon4{background: url(../img/licon4.png) no-repeat center center;}
.icon5{background: url(../img/licon5.png) no-repeat center center;}
.icon6{background: url(../img/licon6.png) no-repeat center center;}
.icon7{background: url(../img/licon7.png) no-repeat center center;}

.liucheng li:hover .icon1{background: url(../img/licon11.png) no-repeat center center;}
.liucheng li:hover .icon2{background: url(../img/licon22.png) no-repeat center center;}
.liucheng li:hover .icon3{background: url(../img/licon33.png) no-repeat center center;}
.liucheng li:hover .icon4{background: url(../img/licon44.png) no-repeat center center;}
.liucheng li:hover .icon5{background: url(../img/licon55.png) no-repeat center center;}
.liucheng li:hover .icon6{background: url(../img/licon66.png) no-repeat center center;}
.liucheng li:hover .icon7{background: url(../img/licon77.png) no-repeat center center;}

/* 困惑问题 */
.qt_tit{text-align: center;font-family: "Microsoft YaHei";font-size: 15px;color: #000;padding: 20px 0 30px;}
.qt_tit span{display: block;font-size: 18px;font-weight: bold;color: #ff6600;margin-bottom: 10px;}
.questbox{ background:url(../img/yhbg1.jpg);}

.quest{ height:625px; background:url(../img/yhbg2.png) no-repeat center bottom; position:relative;}
.quest li{ width:276px; height:90px; overflow:hidden; position:absolute;}
.quest li .h3{font-size:17px;color:#666;font-weight: bold;}
.quest li p{ font-size:14px;color:#818181; line-height:24px; padding-top:10px;}


.quest li.qt_01{ top:412px; left:50%; margin-left:180px;}
.quest li.qt_02{ top:210px; left:50%; margin-left:268px;}
.quest li.qt_03{ top:30px; left:50%; margin-left:104px;}
.quest li.qt_04{ top:30px; right:50%; margin-right:108px;}
.quest li.qt_05{ top:210px; right:50%; margin-right:258px;}
.quest li.qt_06{ top:412px; right:50%; margin-right:200px;}


/*右侧浮窗*/

.floatbox {
	position: fixed;
	z-index: 999;
	display: block;
	right: 0px;
	top: 50%;
	transition: all 0.3s;
	margin-top: -165px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	opacity: 1;
	visibility: visible;
}

.floatdp {
	opacity: 1;
	visibility: visible;
}

.floatli {
	width: 50px;
	height: auto;
	background-color: #ff6600;
	float: right;
}

.floatli li {
	width: 50px;
	height: 50px;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
	border-bottom: 1px solid #eee;
}

.floatli li img {
	width: 35px;
	height: 35px;
	display: inline-block;
}

.floatli li:hover {
	background-color: #ccc;
}

.fqr {
	display: none;
	width: 120px;
	height: 150px;
	background-color: #ccc;
	text-align: center;
	float: right;
}

.qrimg {
	width: 110px;
	height: 110px;
	margin: 5px;
}

.qrtxt {
	font-size: 14px;
	color: #f3f3f3;
}

.ftel {
	display: none;
	width: 200px;
	height: 50px;
	background-color: #ccc;
	text-align: center;
	float: right;
}

.telnum {
	width: 200px;
	height: 50px;
	text-align: center;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
	color: #fff;
}

@media(max-width: 959px) {
	html,
	body {
		max-width: 660px;
		min-width: 660px;
		margin: auto;
	}
	.floatbox{display: none !important;}
	.mainb {
		width: 98%;
	}
	.htitle{background: none;}
	.headbox {
		display: none;
	}
	.liucheng,.questbox{display:none;}
	/*移动导航*/
	.mobnav {
		display: block;
		height: 44px;
		background: #f2f2f2;
		position: fixed;
		top: 0px;
		left: 0px;
		bottom: 0;
		right: 0;
		width: 660px;
		z-index: 999;
		overflow: hidden;
		margin: 0 auto;
		border-top: 2px solid #f08300;
	}
	.mobnav .mhead_l {
		padding-top: 2px;
		padding-left: 2%;
		float: left;
	}
	.mobnav .mhead_l .mlogo {
		height: 40px;
		float: left;
		padding-right: 10px;
		border-right: 1px solid #eee;
	}
	.mobnav .mhead_l span {
		background: url(../img/ttel.png) no-repeat left 10px;
		padding-left: 20px;
		padding-top: 10px;
		padding-bottom: 10px;
		float: left;
		margin-left: 15px;
	}
	.mobnav .mhead_r {
		padding-right: 5%;
		padding-top: 14px;
		float: right;
	}
	.mobnav .mhead_r a .m_menuico {
		height: 16px;
		vertical-align: top;
		display: block
	}
	.m_nav {
		display: block;
		position: fixed;
		top: 0px;
		left: 0px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		z-index: 10000
	}
	.m_nav .m_npanel {
		position: absolute;
		width: 100%;
		height: 100%;
		background: #0b0d19;
		filter: alpha(opacity=0);
		opacity: 0;
		left: 0px;
		top: 0px;
		z-index: 1
	}
	.m_nav .closeicon {
		position: absolute;
		width: 20%;
		left: 30px;
		top: 5%;
		z-index: 100;
		text-align: center;
		filter: alpha(opacity=0);
		opacity: 0
	}
	.m_nav .m_navlist {
		position: absolute;
		width: 80%;
		right: 0px;
		top: 0px;
		background: #fff;
		height: 100%;
		z-index: 100;
		right: -80%;
		overflow-y: scroll;
		padding-top: 20px;
	}
	.m_nav .m_navlist ul {
		padding-left: 5%;
		padding-right: 5%
	}
	.m_nav .m_navlist ul li {
		border-bottom: 1px solid #232530
	}
	.m_nav .m_navlist ul li a {
		display: block;
		height: 45px;
		color: #5d5d5d;
		line-height: 45px;
		padding-left: 5%;
		font-size: 16px
	}
	.m_nav .m_navlist ul li .mlist_li {
		display: flex;
		align-items: center;
		justify-content: space-between;
		width: 100%
	}
	.m_nav .m_navlist ul li .mlist_li a {
		flex: 1;
		background: url(../img/mnico.png) no-repeat left center;
		padding-left: 35px;
	}
	.m_nav .m_navlist ul li .mlist_li i {
		width: 40px;
		height: 35px;
		box-sizing: border-box;
		padding: 0 5px;
		display: block;
	}
	.icon {
		background: url(../img/jia.png) 100% no-repeat;
		background-position: 50% 50%;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s
	}
	.icon_on {
		background: url(../img/jian.png) 50% no-repeat!important;
		background-position: 50% 50%;
		-webkit-transition: all 0s;
		-moz-transition: all 0s;
		transition: all 0s
	}
	.m_nav .m_navlist ul li .m_twoli {
		display: none;
		width: 100%;
		padding-bottom: 10px;
	}
	.m_nav .m_navlist ul li .m_twoli a {
		display: block;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
		padding-left: 10%;
		overflow: hidden;
		white-space: nowrap;
		width: 90%;
		text-overflow: ellipsis;
		background: url(img/mnavli.png) no-repeat left center;
		padding-left: 20px;
		border-bottom: 1px dashed #ddd;
	}
	.a_closed img {
		width: 22px;
	}
	/*移动导航 end*/
	.hbanner,
	.hban_img,
	.hban_img a {
		height: 180px !important;
	}
	.hban_dot {
		margin-top: 160px !important;
		margin-left: 50% !important;
		transform: translateX(-50%) !important;
		width: 200px !important;
	}
	.hban_img a {
		background-size: 100% 100% !important;
	}
	.btnban {
		display: none !important;
	}
	.hbanner {
		margin-top: 46px;
	}
	.htitle h1 {
		font-size: 20px;
	}
	.htitle p span {
		letter-spacing: 0;
		text-transform: initial;
	}
	.hprocate ul li {
		width: 31.3%;
		display: inline;
		float: left;
		
		margin: 1%;
		box-sizing: border-box;
	}.hprocate ul li a{display:block;overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;}
		.ysbox_con{background:none;}
		.ysbox_con .ysli{overflow:hidden;}
	.hprocon li {
		width: 48%;
		margin: 1%;
	}
	.hprocon li:nth-child(4n) {
		margin-right: 0;
	}
	.ystit h1 {
		font-size: 32px;
	}
	.ysliimg {
		width: 100%;
		height: 256px;
	}
	.ysbox_con .ysli,
	.ysbox_con .yslibt,
	.ysbox_con .ysli_txt {
		width: 100%;
	}
	.ysli01 {
		padding: 0;
	}
	.hcasecon {
		padding: 20px 0 20px 0;
	}
	.hcasecon .cprev,
	.hcasecon .snext {
		display: none;
	}
	.hcn_con dl dd p {
		display: none;
	}
	.hcn_con dl dd h2 {
		font-size: 16px;
	}
	.hcn_con dl {
		padding: 0;
	}
	.habinfo {
		width: 60%;
	}
	.hnewl_box .bd ul .hnewl_lpart {
		display: none;
	}
	.hnewl_box {
		width: 100%;
	}
	.hnewl_rpart {
		width: 100%;
	}
	.hnewl_rpart dd {
		width: 78%;
	}
	.fqbox {
		width: 100%;
	}
	.hnewcon {
		padding: 40px 0 0;
	}
	.fastcen,
	.foottel {
		display: none;
	}
	.footleft {
		width: 100%;
		box-sizing: border-box;
	}
	.hfootbox {
		padding-top: 0;
	}
	.inbaner{background-size: 100% 100%;height: 150px;}
	.inleft_top ul{background: none;}
	.inleft_top h2,.inleft_bot,.inleft_rel{display: none;}
	.inleft{width: 100%;padding: 0;}
	.inleft_top li{width: 48%;margin: 1%;float: left;clear: initial;text-align: center;border: 1px solid #ccc;box-sizing: border-box;height: 52px;}
	.inleft_top li i{display: none;}
	.inleft_top li a{color: #555;padding-top: 0;overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
	.inright{width: 100%;padding: 10px 0;}
	 .erselecd{ color: #ff6600 !important;background: #fff !important;border-color:#ff6600;} 
	.gallery a{width: 48%;margin: 1%;}
	
	.gallery .holimg{height: 214px;}
	.rebox-contents{top: 26%;}
	.inleft_top li{text-indent: 0;text-align: center;}
	.inleft_top li a{padding-right: 0;}
	.relnew .hnewl_rpart dl{width: 100%;}
	.relpro .hprocon li span{height: 175px;}
	#preview img{width: 100% !important;}
	.iprode_info{width: 100% !important;  margin-top: 10px;}
	div.zoomDiv img{display: none !important;}
.ipro_ul img{height: 147px;}
.haboutbox{background: #717171;}
	.ipro_panel{display:none !important;}
		.ysbox_con .yslibt .ysli{z-index:1;}
		.icasecon dl dt{height:141px;}
	.icasecon dl{height:251px;}
}

@media(max-width: 640px) {
	html,
	body {
		max-width: 100%;
		min-width: 100%;
		margin: auto;
	}
	.paddt30{padding: 15px 0;}
	.mobnav{width: 100%;}
	.mobnav .mhead_l span{display: none;}
	.hbanner, .hban_img, .hban_img a{height: 110px !important;}
	.hban_dot{margin-top: 90px !important;}
	.htitle em{width: 30px;}
	.htitle i{display: none;}
	.hfootbox {
		height: 206px;
		margin-bottom: 58px;
	}
	.dpmbot {
		position: fixed;
		width: 100%;
		left: 0;
		right: 0;
		bottom: 0;
		height: 55px;
		background: #ff6600;
		border-top: 1px solid #ff6600;
		z-index: 9999;
		display: block;
	}
	.dpmbot li {
		float: left;
		width: 18.5%;
		padding: 0 3%;
		border-left: 1px solid #fff;
	}
	.dpmbot li:first-child {
		border-left: 0;
	}
	.dpmbot li a {
		display: block;
		height: 45px;
		color: #fff;
		padding-top: 9px;
		text-align: center;
	}
	.dpmbot li a img {
		margin: 0 auto;
		width: 20px;
		height: 19px;
	}
	.dpmbot li a span {
		display: block;
		height: 20px;
		line-height: 20px;
	}
	.hprocate{padding-top: 15px;}
	.hprocon li{padding: 10px;height:185px;overflow:hidden;}
	.hprocon li span{height: 107px;}
	.ystit h1{font-size: 22px;}
	.ystit h1 i{font-size: 36px;}
	.ystit span{font-size: 26px;}
	.ystit h2{display: initial;padding-bottom: 10px;font-size:20px;}
	.ysliimg{height: 145px;}
	.hcn_con dl{width: 48%;margin: 1%;}
	.hcn_con dl:nth-child(5n){width: 98%;}
	
	.habimg{width: 100%;box-sizing: border-box;}
	.habinfo{width: 100%;padding-top: 10px;}
	.habinfo a{color: #ffffff;border: 1px solid #ffffff;}
	.hnewl_rpart dt span{font-size: 22px;}
	.hnewl_box .bd ul{padding: 26px 0;}
	.hnewl_box{background: none;}
	.hnewl_rpart dt{background: #eaeaea;width: 88px;}
	.hnewl_rpart dd{margin-left: 12px;  width: 70%;}
	.fqbox .bd{padding: 10px 8px;}
	.inright .inrtit h2{background: none;padding: 0;font-size: 16px;}
	.icasecon dl{width: 48%;margin: 1%;padding: 0;}	
	.gallery .holimg{height: 124px;}
	.dpform_tit{width: 100%;}
	.dpform input,.dpform textarea{width: 100%;}
	.dpform img{top: 80%;}
	.newdetitb .nede_time span{padding: 0 8px;}
	.newdetitb .zhaiyao{text-align: left;}	
	.relpro .hprocon li span{height: 107px;}
	.inright .hnewl_lpart img{width: 180px;}
	.bot_tel{margin-left: 5px;}
	.ipro_ul li{width: 48%;margin: 1%;}	
	.ipro_ul li:nth-child(3n){margin-right: 1%;}
	.ysbox_con .yslibt{font-size:24px;}
	.ysbox_con .ysli_txt{line-height:1.8;height:auto;}
	.icasecon dl dt{height:124px;}
.icasecon dl dt img{height:100%;}
	.inleft_top li{height:39px;line-height:39px;}
	.ipro_ul img{height:124px;}
	.inright .inrtit p span{padding:0;}
	.htitle .titms{display:none;}
.newdetitb h1{font-size:20px;}
	.ystit p,.ystel{display:none;}
	.ystit span{font-size: 16px; top: -10px;}
	.ystit h1{padding-bottom:5px;}
	.ysbox_con{padding-top:0;}
	.hnewcon{padding:15px 0 0;}
	
	.hnewl_box .hd a{line-height:36px;}
	.hnewl_box .hd{height:36px;}
	.hnewl_box .hd ul li{font-size:16px;line-height:36px;}
.hnewl_box .hd{height:auto;}
	.hnewl_box .hd ul{line-height: initial;padding:0;}
	.hnewl_box .hd ul li.on{height:36px;line-height:36px;}
.fqbox .hd{height:36px;}
	.fqbox .hd p{line-height:36px;font-size:16px;}
	.fqbox .hd a{line-height:36px;}
	.hnewl_rpart dd p{margin-top:0;}
	.hnewl_rpart dl{height:90px;}
.hnewl_rpart dd,.hnewl_rpart dt{margin-top:12px;}
	.hprocon{padding-top:15px;}
	.inbaner {
    background-size: 100% 100%;
    height: 80px;
    margin-top: 46px;
}
.habinfo span a{color:#ff6600;}



}

@media(max-width: 350px) {
	.innewlit li a{width: 65%;}
	.bot_tel{background:none;padding-left:10px;}
}